<div class="index-wrapper">
    <section class="container-fluid logo">
        <div class="row logo-inner">
            <h1>中国领先的产业与技术对接平台</h1>
            <div class="search-container">
                <form class="form-inline" ng-init="searchType='技术'" ng-submit="search(searchType)">
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                        <div class="input-group">
                            <input type="text" class="form-control search-text" id="exampleInputAmount"
                                   placeholder="去发现最具价值的产业技术资源" ng-model="searchText">
                            <div class="input-group-addon">
                                <div class="dropdown">
                                    <button class="btn dropdown-toggle" type="button" id="dropdownMenu1"
                                            data-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="true">
                                        <span ng-bind="searchType"></span>
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                        <li><a href="javascript:void(0)" ng-click="searchType='技术'">技术</a>
                                        </li>
                                        <li><a href="javascript:void(0)" ng-click="searchType='需求'">需求</a>
                                        </li>
                                        <li><a href="javascript:void(0)" ng-click="searchType='专家'">专家</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="input-group-addon">
                                <button type="submit" class="btn search-button">搜索
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <a class="down-icon-container" ng-click="scrollTo('recommend',50)" href="javascript:void(0)" title="下拉查看更多"><span class="hidden-xs hiddex-sm glyphicon glyphicon-menu-down down-icon"></span></a>
    </section>

    <!-- recommended technologies and the newest activity -->
    <section class="recommend container-fluid" id="recommend">
        <div class="recommend-inner">
            <h1>经得起市场考验的好技术</h1>

            <div class="row">
                <div class="col-xs-4 left">
                    <div class="left-inner">
                        <a target="_blank" ui-sref="meta.technology.recommend">
                            <h3 style="font-size: 20px">良心企业：穷什么不能穷环保</h3>
                            <p>—— 环保好技术：废气 固废 土壤 水处理</p>
                            <div class="left-img"></div>
                        </a>
                        <ul class="important-technology-list">
                            <li class="important-technology-item" ng-repeat="item in config.recommend2025">
                                <a target="_blank" ui-sref="meta.technology.detail({technologyId:item.id})"
                                   ng-bind="item.title+'>>'">技术方案标题>></a>
                            </li>
                        </ul>
                        <p style="text-align: center">
                            <a target="_blank" ui-sref="meta.technology.recommend"
                               class="btn meta-banner-white-only">查看全部</a>
                        </p>
                    </div>
                </div>
                <div class="col-xs-4 middle">
                    <a target="_blank" ui-sref="meta.technology.list.all({origin:'国外'})" class="middle-img">
                        <h3>海外技术</h3>

                        <p>美国，以色列，新加坡，英国，日本，德国，加拿大，韩国……</p>
                    </a>

                    <div class="media">
                        <div class="media-left">
                            <div class="media-title">
                                最新技术
                            </div>
                        </div>
                        <div class="media-body"><a target="_blank" ui-sref="meta.technology.list.all"
                                                   ng-bind="techTocal+'项&gt;&gt;'"></a></div>
                    </div>
                    <ul class="newest-technology-list">
                        <li class="newest-technology-item" ng-repeat="item in config.recommendTech">
                            <a target="_blank" ui-sref="meta.technology.detail({technologyId:item.id})"
                               ng-bind="item.discipline + ' | '+ item.title">领域名称 |
                                技术方案标题</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-4 right">
                    <a target="_blank" ui-sref="meta.technology.list.all({area:'化学化工'})"
                       class="right-img">
                        <h3>化学化工技术方案</h3>

                        <p>分离提纯、化肥生产、化学物质的分析与检测、有机硅应用、涂料等</p>
                    </a>

                    <div class="media">
                        <div class="media-left">
                            <div class="media-title">
                                常驻专家
                            </div>
                        </div>
                        <div class="media-body"><a target="_blank" ui-sref="meta.talent.list">全国技术人才数据>></a></div>
                    </div>
                    <ul class="talent-list clearfix">
                        <li class="talent-item" ng-repeat="item in config.recommendTalent">
                            <a target="_blank" ui-sref="meta.talent.detail.project({talentId:item.id})"
                               ng-style="{'background-image':'url('+item.avatar+')'}"></a>
                        </li>
                    </ul>
                    <div class="institute">
                        <a target="_blank" ui-sref="meta.foot.faq.aboutMaikeji({position:'institute'})">
                            <h4>迈科技产业技术研究院，</h4>
                            <p>对每一项技术进行全方位把握。</p>
                            <ul class="clearfix">
                                <li class="col-xs-4 spot">
                                    <img src="../images/index/recommend/hot_demands_icon.png" alt="市场热需">
                                    <p>市场热需</p>
                                </li>
                                <li class="col-xs-4 spot">
                                    <img src="../images/index/recommend/solution_icon.png" alt="解决难点">
                                    <p>解决难点</p>
                                </li>
                                <li class="col-xs-4 spot">
                                    <img src="../images/index/recommend/mature_icon.png" alt="成熟可行">
                                    <p>成熟可行</p>
                                </li>
                            </ul>
                        </a>
                    </div>
                    <!--<a target="_blank" ui-sref="meta.foot.faq.aboutMaikeji({position:'institute'})" style="display:block; background: url('../images/index/recommend/recommend-institute.png') no-repeat center bottom;background-size:contain;width: 100%;height:210px"></a>-->
                </div>
            </div>
        </div>
    </section>
    <div class="container-fluid scale m-index-reason">

        <div class="scale-inner">
            <h2 class="text-center">
                选择我们的理由
            </h2>

            <h3 class="text-center">
                <small>全面整合行业，集团化抱团发展，形成集聚效应！高效！低成本！</small>
            </h3>

            <ul class="row scale-list">
                <li class="col-xs-4 scale-item-container">
                    <a ui-sref="meta.foot.aboutUs.institution">
                        <img src="images/index/reason/institute.png" class="img-responsive img-circle"/>
                    </a>

                    <h3>技术研究院坐镇</h3>

                    <p>
                        国内第一家具有：创新技术汇集整合、技术市场调研评估、实用性开发论证、产业化实施推广等功能于一体的全球产业技术研究院。
                    </p>
                    <!--<button class="btn btn-default" ui-sref="maikeji.foot.aboutUs.institution">-->
                    <!--了解更多-->
                    <!--</button>-->
                </li>
                <li class="col-xs-4 scale-item-container">
                    <a ui-sref="maikeji.technology.list.items">
                        <img src="images/index/reason/tech.png" class="img-responsive img-circle"/>
                    </a>

                    <h3>国内外最新技术</h3>

                    <p>
                        我们有包含国内和美英德法等多个国际专利最新技术上万个.
                    </p>
                    <!--<button class="btn btn-default" ui-sref="maikeji.technology.list.items">-->
                    <!--了解更多-->
                    <!--</button>-->
                </li>
                <li class="col-xs-4 scale-item-container">
                    <a ui-sref="maikeji.foot.aboutUs.substation">
                        <img src="images/index/reason/proceeds.png" class="img-responsive img-circle"/>
                    </a>

                    <h3>巨大市场收益</h3>

                    <p>
                        <strong class="text-warning">36</strong>
                        亿元的渠道利益<br/>
                        <strong class="text-warning">43910</strong>
                        位科技商人，开拓市场达52个
                    </p>
                    <!--<button class="btn btn-default" ui-sref="maikeji.foot.aboutUs.substation">-->
                    <!--了解更多-->
                    <!--</button>-->
                </li>
            </ul>
        </div>
    </div>

    <section class="together">
        <h1>推广应用好技术，人人能参与！</h1>
        <a ui-sref="meta.foot.techDock.partner" target="_blank"><div class="together-img"></div></a>
    </section>

    <!-- the scale of the partner system -->
    <!--<section class="scale container-fluid">-->
        <!--<div class="scale-inner">-->
            <!--<h1>为企业与自身带来经济收益，您也可以！</h1>-->
            <!--<ul class="row scale-list">-->
                <!--<li class="col-xs-4 scale-item-container">-->
                    <!--<div class="scale-item">-->
                        <!--<div class="scale-item-text">-->
                            <!--已加入<br><span class="spark">25826</span><br>位科技商人-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="col-xs-4 scale-item-container">-->
                    <!--<div class="scale-item">-->
                        <!--<div class="scale-item-text">-->
                            <!--分布于<br><span class="spark">52</span><br>个城市-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="col-xs-4 scale-item-container">-->
                    <!--<div class="scale-item">-->
                        <!--<div class="scale-item-text">-->
                            <!--累积<br><span class="spark">亿</span><br>元渠道力-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
    <!--</section>-->

    <!-- reasons to be a partner -->
    <!--<section class="why container-fluid"></section>-->

    <!-- guarantees provides by maikeji -->
    <section class="guarantee container-fluid">
        <div class="guarantee-inner">
            <h1>业余时间作“科技红娘” 迈科技为您保驾护航</h1>

            <div class="row guarantee-list">
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>信息<br>服务</span>
                        </h4>

                        <p class="guarantee-item-caption">平台<em>汇集</em>各领域成熟领先<em>技术方案</em>，可供您应用、推广、投资、合作</p>
                    </div>
                </div>
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>智能<br>推送</span>
                        </h4>

                        <p class="guarantee-item-caption">智能匹配系统将根据您的资源方向<em>第一时间</em>为您自动推荐最合适的科技项目，让您把握先机</p>
                    </div>
                </div>
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>支付<br>服务</span>
                        </h4>

                        <p class="guarantee-item-caption">提供项目经费及中介佣金代收及取现服务，<em>免除</em>以<em>个人身份</em>签订合同、开票等一系列麻烦</p>
                    </div>
                </div>
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>对接<br>托管</span>
                        </h4>

                        <p class="guarantee-item-caption">将<em>深度</em>为您梳理需求详细情况，通过<em>各种渠道</em>为您对接合适的解决方案，并<em>代表</em>您促成合作
                        </p>
                    </div>
                </div>
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>产业<br>咨询</span>
                        </h4>

                        <p class="guarantee-item-caption">利用迈科技平台人才及全网技术产业资源的<em>大数据</em>提供技术产业报告, 为您推广技术,
                            上马新项目，解决技术难题提供<em>科学的</em>指导意见</p>
                    </div>
                </div>
                <div class="col-xs-4 guarantee-item">
                    <div class="guarantee-item-inner">
                        <h4 class="guarantee-item-title"><span class="bg"></span><span>第三方<br>服务</span>
                        </h4>

                        <p class="guarantee-item-caption" style="text-align: center"><em>知识产权<br>天使投资<br>基金申请<br>......</em>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- successful cases -->
    <section class="cases container-fluid" id="cases">
        <h1>成功案例</h1>
        <div class="row case-list">
            <div class="col-xs-4">
                <div class="case-item" style="background-image: url('../images/index/case/river-color.jpg')">
                    <a class="case-item-caption" target="_blank" ng-href="{{config.cases[0].link}}">
                        <div class="case-item-caption-inner">
                            <h4 ng-bind="config.cases[0].title">成功案例名称</h4>

                            <p ng-bind="config.cases[0].abstract"></p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="case-item" style="background-image: url('../images/index/case/dna-color.jpg')">
                    <a class="case-item-caption" target="_blank" ng-href="{{config.cases[1].link}}">
                        <div class="case-item-caption-inner">
                            <h4 ng-bind="config.cases[1].title">成功案例名称</h4>

                            <p ng-bind="config.cases[1].abstract"></p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="case-item" style="background-image: url('../images/index/case/battery-color.jpg')">
                    <a class="case-item-caption" target="_blank" ng-href="{{config.cases[2].link}}">
                        <div class="case-item-caption-inner">
                            <h4 ng-bind="config.cases[2].title">成功案例名称</h4>

                            <p ng-bind="config.cases[2].abstract"></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!--&lt;!&ndash;<p style="background: #f8f8f8;margin-bottom:0">&ndash;&gt;-->
    <!--<a href="javascript:void(0)" ng-click="signUpModal()"-->
    <!--class="btn meta-banner-white-only index-btn-register">加入迈科技</a>-->
    <!--</p>-->
    <div class="container-fluid user-say">
        <div class="carousel">
            <uib-carousel interval="myInterval" style="height:100%" template-url="views/index/indexCarouselTwo.html">
                <uib-slide ng-repeat="slide in slides" active="slide.active" index="slide.id"
                           style="height: 100%;background-size:cover;background-repeat: no-repeat;background-position: top center;background-color:rgba(0,0,0,0.2)"
                           ng-style="{'background-image': 'url('+ slide.image +')'}">
                    <div class="g-table-wrapper">
                        <div class="g-table-cell" style="padding: 0 10%">
                            <p ng-bind="slide.say">
                            </p>

                            <div style="text-align: right;">
                                ——<strong ng-bind="slide.user"></strong>
                            </div>
                        </div>
                    </div>
                </uib-slide>
            </uib-carousel>
        </div>
    </div>
</div>
